<template>
  <div>
    <div id="footer" class="">
      <div class="content container">
        <div class="box1">
          <ul>
            <li>产品服务</li>
            <li>
              <div class="borderbox"></div>
            </li>
            <li><a @click="goApplicationAddUrl()">托管分发</a></li>
            <!-- <li><a @click="goPrice()">价格服务</a></li> -->
            <li><a href="#">建议与反馈</a></li>
          </ul>
        </div>
        <div class="box2">
          <ul>
            <li>关于我们</li>
            <li>
              <div class="borderbox"></div>
            </li>
            <li><a href="/#/about">公司简介</a></li>
            <li><a href="/#/privacy">隐私政策</a></li>
            <li><a href="#">更新日志</a></li>
          </ul>
        </div>
        <div class="box3">
          <ul>
            <li>联系我们</li>
            <li>
              <div class="borderbox"></div>
            </li>
            <li><a href="#">联系电话：4006760286</a></li>
            <li>
              <!-- <a href="http://wpa.qq.com/msgrd?v=3&uin=36360178&site=qq&menu=yes" target="_blank">联系QQ:36360178</a> -->
              <!-- http://wpa.qq.com/msgrd?v=3&uin=21986071&site=qq&menu=yes -->
            </li>
            <li><a href="#">联系邮箱：admin@hnzzwlkj.com</a></li>
            <li><a href="#">联系QQ：3007685427</a></li>
            <!-- <li><a href="#">联系法务部QQ：3007685657</a></li> -->
          </ul>
        </div>
        <!-- <div class="box4"></div> -->
      </div>
      <div class="text">
        <p>
          Copyright © 2020-2021 河南蜘蛛网络科技有限公司 版权所有
          公司地址：河南省开封市龙亭区西大街109号
        </p>
      </div>
      <div class="text1">
        <a href="https://beian.miit.gov.cn/" target="_blank">{{
            beianhao
          }}</a>&nbsp;&nbsp;<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41020202000118"
          target="_blank"><img style="width:15px;position:relative;top:-2px;left:-2px;" src="/static/备案图标.png">豫公网安备
          41020202000118号</a>

      </div>
      <div style="width: 300px; margin: 0 auto; padding: 20px 0">
        <!-- <a
          target="_blank"
          href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42010602004456"
          style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"
          ><img src="../../../static/common/gongan.png" style="float:left;" />
          <p
            style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;"
          >
            鄂公网安备 42010602004456号
          </p></a
        > -->
      </div>
      <div class="object-img">
        <!--            可信网站-->
        <!-- <a
          id="_xinchacharenzheng_cert_vip_kexinweb"
          style="text-decoration:none;"
          target="_blank"
          href=""
        > -->
        <a id="_xinchacharenzheng_cert_vip_kexinweb" style="text-decoration:none;" target="_blank"
          href="https://xyt.xinchacha.com/pcinfo?sn=1463384076692275200&certType=6">
          <img src="../../../static/home/icon3.png" />
        </a>
        <!-- <img src="https://xyt.xinchacha.com/img/icon/icon3.png" /> -->
        <!-- </a> -->

        <!--            安全联盟-->
        <!-- <a target="cyxyv" href="https://xinyong.yunaq.com/certificate?domain=www.ilucode.com"> -->
        <!-- <img src="https://aqyzmedia.yunaq.com/labels/label_sm_90020.png" /> -->
        <!-- </a> -->
        <a target="cyxyv" href="https://v.yunaq.com/certificate?domain=www.lumayun.com&from=label&code=90020">
          <img src="../../../static/home/label_lg_90020.a989a72.png" /></a>

        <!-- <a id="_pingansec_bottomimagelarge_shiming" target="_blank" href="//si.trustutn.org/info?sn=905201225040252706569&certType=1"> -->
        <!-- <img src="//v.trustutn.org/images/cert/bottom_large_img.png" /> -->
        <a id="_pingansec_bottomimagelarge_shiming" target="_blank"
          href="//si.trustutn.org/info?sn=574211203040913543066&certType=1"><img
            src="../../../static/home/bottom_large_img.png" /></a>
        <!-- </a> -->
      </div>
    </div>
    <!-- <div style="width:300px;margin:0 auto; padding:20px 0;">
      <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41020202000118"
        style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src=""
          style="float:left;" />
        <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">豫公网安备 41020202000118号
        </p>
      </a>
    </div> -->
  </div>
</template>

<script>
  export default {
    //import引入的组件需要注入到对象中才能使用
    components: {},
    data() {
      //这里存放数据
      return {
        img: "../../../static/品牌标识图片.png",
        url: "/static/logo-d.png",
        beianhao: localStorage.getItem("beianhao")
      };
    },
    //监听属性 类似于data概念
    computed: {},
    //监控data中的数据变化
    watch: {},
    //方法集合
    methods: {
      //跳转路由
      goApplicationAddUrl() {
        this.$router.push({
          path: "adhibition",
          name: "adhibition"
        });

        window.scrollTo(0, 0);
        sessionStorage.setItem("currentTab_title", "adhibition");
        sessionStorage.setItem("currentTab", "first");
        location.reload();
      },
      //价格
      goPrice() {
        window.scrollTo(0, 0);
        this.$router.push({
          path: "price",
          name: "price"
        });

        sessionStorage.setItem("currentTab_title", "price");
        location.reload();
      }
    },
    //生命周期 - 创建完成（可以访问当前this实例）
    created() {},
    //生命周期 - 挂载完成（可以访问DOM元素）
    mounted() {}
  };

</script>
<style scoped>
  #footer {
    background: #1b2332;
    padding: 60px 0px;
  }

  .content {
    display: flex;
  }

  .box1 {
    flex: 1;
  }

  .box2 {
    flex: 1;
  }

  .box3 {
    flex: 1;
  }

  .borderbox {
    width: 26px;
    height: 6px;
    border-radius: 5px;
    background-color: #fff;
    margin-top: 10px;
  }

  ul li {
    list-style: none;
    line-height: 25px;
  }

  ul {
    padding: 0px;
  }

  a {
    text-decoration: none;
    cursor: pointer;
  }

  a:focus {
    text-decoration: none;
  }

  a {
    color: white;
  }

  .box1 ul li:first-child,
  .box2 ul li:first-child,
  .box3 ul li:first-child {
    color: #fff;
    font-size: 18px;
  }

  .box1 ul li:nth-child(2),
  .box2 ul li:nth-child(2),
  .box3 ul li:nth-child(2) {
    margin-bottom: 20px;
  }

  .text {
    text-align: center;
    margin-top: 30px;
    color: #fff;
  }

  .text1 {
    text-align: center;
    margin-top: 10px;
    color: #fff;
  }

  .text img {
    margin-left: 10px;
  }

  .object-img {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .object-img img {
    width: 102px;
    margin: 0px 10px;
  }

  .object-img a img {
    width: 102px;
    margin: 0px 10px;
  }

  @media (max-width: 576px) {
    .object-img {
      display: none;
    }
  }

</style>
